<script lang="ts" setup>
// import { ref } from "vue";
// import Plan from "./Plan.vue";
// import IndexFooter from "../Common/IndexFooter.vue";
// import { plans as plansList } from "../src/utils/ts/price";

// const plans = ref(plansList);
</script>
<template>
  <section class="bg-gray-900 py-12">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="text-center mb-12">
        <h2 class="text-4xl font-extrabold text-white sm:text-5xl">价格套餐</h2>
        <p class="mt-4 text-xl text-gray-400">
          简单, 高效, 价格透明, 为企业量身打造.
        </p>
      </div>

      <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
        <!-- <Plan v-for="(item, index) in plans" :item="item" :key="'plan' + index" /> -->
      </div>
    </div>
  </section>
  <IndexFooter />
</template>
<style lang="scss" scoped></style>
